<template>
  <div class="sub-map002">
    <baidu-map class="bm-view" @ready="handler" :center="{ lng: 104.07102, lat:  30.666756 }" :scroll-wheel-zoom="true"
               :zoom="8"></baidu-map>
  </div>
</template>
<script>
export default {
  name: 'baiduBlackMap',
  data: () => {
    return {

    }
  },
  mounted() {
  },
  methods: {
    handler({BMap, map}) {
      // map.setMapStyleV2(mapStyle);
      map.setMapStyle({style:'grayscale'})
      map.setHeading(164.5);
      map.setTilt(73)
    }
  }
}
</script>
<style lang="scss" scoped>
.sub-map002 {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;

  .bm-view {
    width: 100%;
    height: 100%;
    position: relative;
  }
}
</style>
